<html>
<head>
    <title>Select Example</title>
    <script type="text/javascript" src="../../js/jquery-1.7.js"></script>
        <script>
        $(document).ready(function(){

                $("#developer").change(onSelectChange_developers);
                $("#position").change(onSelectChange_position);

        });
        function onSelectChange_developers(){
                var selected = $("#developer option:selected");		
                var output = "";
                if(selected.val() != 0 && selected.val() == 4){
                        output = "You Selected " + selected.text();
                }
                $("#output").html(output);
        }
        function onSelectChange_position(){
                var selected = $("#position option:selected");		
                var output = "";
                if(selected.val() != 0){
                        output = "You Selected " + selected.text();
                }
                $("#output").html(output);
        }
        </script>

</head>
<body>
	
	<h3>Developers</h3>
	<select id="developer">
		<option value="0">Select Developer</option>
		<option value="1">Todd Sharp</option>
		<option value="2">Brian Meloche</option>
		<option value="3">Ray Camden</option>
		<option value="4">Sean Corfield</option>
		<option value="5">Ben Nadel</option>
		<option value="6">Mark Drew</option>	
		<option value="7">Rey Bango</option>	
		<option value="8">Mark Mandel</option>	
		<option value="9">Joe Rinehart</option>
		<option value="10">Dan Vega</option>						
	</select>
	<h3>Position</h3>
	<select id="position">
		<option value="0">Pos 1</option>
		<option value="1">Pos 2</option>
		<option value="2">Pos 3</option>						
	</select>


	
	<div id="output"></div>

</body>
</html>
